<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title></title>
    <script type="text/javascript" src="__dotnar_lib_base_url__/js/lib/require.min.js"></script>
	<script type="text/javascript" src="__dotnar_lib_base_url__/js/lib/loader.js"></script>
    <script type="text/javascript" src="/js/require.config.js"></script>
    <script type="text/javascript">
    require(["core"], function() {
        //核心组件加载完成，组件渲染完成，加载页面应用逻辑
        require(["./js/pages/sign_in"], function() {
            window.removeLoader();
        });
    });
    </script>
</head>

<body>
    <div id="jSouperApp" style="display:none" class="_pc">
        {{#include "pages/default/top.html"}}
        <div class="signblock"></div>
        <div class="sign_in_box {{isUp&&'focus'||'close'}}">
            <div class="signtitle">Dotnar</div>
            <div class="wel">欢迎注册dotnar新账户</div>
            <div class="item">
                <div class="itemtitle">用户名：</div>
                <input type="text" name="name" value="{{$Cache.sign_up.name}}" bind-input="{{'$Cache.sign_up.name'}}" maxlength="25">
            </div>
            <div class="item">
                <div class="itemtitle">手机号：</div>
                <input type="text" name="mobile_phone" value="{{$Cache.sign_up.mobile_phone}}" bind-input="{{'$Cache.sign_up.mobile_phone'}}" event-change="{{'$Event.sign_up.checkedMobilePhone'}}" maxlength="11">
            </div>
            <div class="item">
                <div class="itemtitle">邮箱：</div>
                <input type="text" name="email" value="{{$Cache.sign_up.email}}" bind-input="{{'$Cache.sign_up.email'}}" event-change="{{'$Event.sign_up.checkedEmail'}}" maxlength="25">
            </div>
            <div class="item">
                <div class="itemtitle">密码：</div>
                <input maxlength="16" type="password" name="password" value="{{$Cache.sign_up.password}}" bind-input="{{'$Cache.sign_up.password'}}" />
            </div>
            <div class="item">
                <div class="itemtitle">重复密码：</div>
                <input maxlength="16" type="password" name="confirm_password" value="{{$Cache.sign_up.confirm_password}}" bind-input="{{'$Cache.sign_up.confirm_password'}}" />
            </div>
            {{#if !$Cache.sign_up.__input_phone_code}}
            <div class="item">
                <div class="itemtitle">
                    <img style="width:125px; height:55px; " bind-src="{{config.server_url}}user/getImageCode?_={{$Cache.sign_up.image_code_random}}" alt="获取短信验证码所需的图形验证码" event-click="{{'$Event.sign_up.change_user_image_code'}}"/>
                </div>
                <input style="vertical-align: top;margin-top: 20px;" type="text" maxlength="4" value="{{$Cache.sign_up.image_code_for_phone_code}}" bind-input="{{'$Cache.sign_up.image_code_for_phone_code'}}">
            </div>
            <div class="item">
                <button event-click="{{'$Event.sign_up.get_register_code_with_image_code'}}">提交图形码获取手机验证码</button>
            </div>
            {{#else}}
            <div class="item">
                <input placeholder="请输入手机收到的验证码" class="getcode" type="text" maxlength="6" name="phone_code" value="{{$Cache.sign_up.phone_code}}" bind-input="{{'$Cache.sign_up.phone_code'}}" />{{#if !$Cache.sign_up.wite_server}}
                <!-- <a event-click="{{'$Event.sign_up.get_register_code'}}">获取手机验证码</a> -->
                <span event-click="{{'$Event.sign_up.reset_register_code'}}">重新获取手机验证码</span>
                {{#else}}
                <span>{{$Cache.sign_up.next_phone_code_time&&$Cache.sign_up.next_phone_code_time+"秒后重新获取"||"等待服务器响应"}}</span>
                {{/if}}
            </div>
            <div class="item">
                <button event-click="{{'$Event.sign_up.register'}}">注册</button>
            </div>
            {{/if}}
            <div class="item"><a href="rules.html" target="_blank">《Dotnar用户协议》</a><a class="border" event-click="{{'$Event.ChangeSign'}}">已有账号，点此登录</a>
            </div>

        </div>



        <div class="sign_in_box {{isUp&&'close'||'focus'}}">
            <div class="signtitle">Dotnar</div>
            <div class="wel">欢迎使用dotnar微站</div>
            <div class="item">
                <div class="itemtitle">{{isBusLogin&&'商家名'||'用户名'}}：</div>
                <input maxlength="25" type="text" name="name" value="{{$Cache.sign_in.name}}" bind-input="{{'$Cache.sign_in.name'}}" event-enter="{{'$Event.sign_in.to_password_input'}}" />
            </div>
            <div class="item">
                <div class="itemtitle">密码：</div>
                <input maxlength="16" type="password" name="password" value="{{$Cache.sign_in.password}}" bind-input="{{'$Cache.sign_in.password'}}" ele-focus="{{$Cache.sign_in.is_focus}}" event-enter="{{'$Event.sign_in.common_login'}}" />
            </div>
            <div class="item">
                <div class="itemtitle">
                    记住密码
                </div>
                <div class="wrapper" >
                  <input type="checkbox" name="toggle" id="toggle" bind-input="{{'$Cache.sign_in.remenber_password'}}" checked="{{$Cache.sign_in.remenber_password}}">
                  <label for="toggle"></label>
                </div>
            </div>

            <div class="item">
                <button event-click="{{'$Event.sign_in.common_login'}}">登录</button>
            </div>
            <div class="item">
                <span event-click="{{'$Event.changloginType'}}">{{isBusLogin&&'买家登录'||'商家登录'}}</span><a class="border" event-click="{{'$Event.ChangeSign'}}">注册一个新的账号</a>
                <a class="border" event-click="{{'$Event.findpaw'}}">密码找回</a>
            </div>

            <!-- <div class="form">

                

                <div class="sign_up_form">
                    <div class="title">
                        填写Dotnar账户资料
                    </div>
                    <div class="item">
                        <div class="btitle">用户名:</div>
                        <input type="text" name="name" value="{{$Cache.sign_up.name}}" bind-input="{{'$Cache.sign_up.name'}}" maxlength="25">
                    </div>
                    <div class="item">
                        <div class="btitle">手机号码:</div>
                        <input type="text" name="mobile_phone" value="{{$Cache.sign_up.mobile_phone}}" bind-input="{{'$Cache.sign_up.mobile_phone'}}" maxlength="11">
                    </div>


                    <div class="item">
                        <div class="btitle">邮箱:</div>
                        <input type="text" name="email" value="{{$Cache.sign_up.email}}" bind-input="{{'$Cache.sign_up.email'}}" maxlength="25">
                    </div>

                    <div class="item">
                        <div class="btitle">密码:</div>
                        <input maxlength="16" type="password" name="password" value="{{$Cache.sign_up.password}}" bind-input="{{'$Cache.sign_up.password'}}" />
                    </div>
                    <div class="item">
                        <div class="btitle">再次输入:</div>
                        <input maxlength="16" type="password" name="confirm_password" value="{{$Cache.sign_up.confirm_password}}" bind-input="{{'$Cache.sign_up.confirm_password'}}" />
                    </div>
                    <div class="item">
                        <input class="getcode" type="text" maxlength="6" name="phone_code" value="{{$Cache.sign_up.phone_code}}" bind-input="{{'$Cache.sign_up.phone_code'}}" />{{#if !$Cache.sign_up.wite_server}}
                        <button event-click="{{'$Event.sign_up.get_register_code'}}">获取手机验证码</button>
                        {{#else}}
                        <button style="box-shadow: none; color: #333;" disabled="true" event-click="{{'$Event.sign_in.to_sign_up'}}" style="margin-left:15px;">{{$Cache.sign_up.next_phone_code_time&&$Cache.sign_up.next_phone_code_time+"秒后重新获取验证码"||"等待服务器响应"}}</button>
                        {{/if}}
                    </div>
                    <div class="rule">
                        <i event-click="{{'$Event.ApplyRule'}}" class="{{isApplyRules&&'icon-checkbox-checked'||'icon-checkbox-partial'}}"></i>请点击左方以接受《<a href="rules.html" target="_blank">Dotnar用户注册协议</a>》
                    </div>
                    <button event-click="{{'$Event.sign_up.register'}}">注册</button>
                    <button event-click="{{'$Event.sign_in.to_sign_up'}}" style="margin-left:15px;">切换到登陆</button>
                </div>
            </div> -->

        </div>
        {{#include './pages/default/bottom.html'}}
    </div>
</body>

</html>
<style>
    .item .wrapper{
    display: inline-block;
    vertical-align: top;
    line-height: 0;
    }
    input#toggle {
      max-height: 0;
      max-width: 0;
      opacity: 0;
    }
    input#toggle + label {
      display: block;
      position: relative;
      box-shadow: inset 0 0 0px 1px #d5d5d5;
      text-indent: -5000px;
      height: 19px;
      width: 50px;
      border-radius: 15px;
    }

    input#toggle + label:before {
      content: "";
      position: absolute;
      display: block;
      height: 19px;
      width: 30px;
      top: 0;
      left: 0;
      border-radius: 15px;
      background: rgba(19, 191, 17, 0);
      -moz-transition: .25s ease-in-out;
      -webkit-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    input#toggle + label:after {
      content: "";
      position: absolute;
      display: block;
      height: 19px;
      width: 30px;
      top: 0;
      left: 0px;
      border-radius: 15px;
      background: white;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
      -moz-transition: .25s ease-in-out;
      -webkit-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    input#toggle:checked + label:before {
      width: 50px;
      background: rgba(19, 191, 17, 1);
    }

    input#toggle:checked + label:after {
      left: 20px;
      box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
    }
</style>